.widget-header-tab {
	height: 100%;
	display: flex;
	align-items: center;
	color: #fff;
	& li {
		position: relative;
		margin: 0 20px;
		height: 100%;
		cursor: pointer;
	}
	.text {
		line-height: 50px;
		font-size: 14px;
	}
	.active {
		position: absolute;
		left: 0;
		bottom: 6px;
		width: 100%;
		border-bottom: 2px solid #fff;
		display: inline-block;
	}
}
.widget-user-config {
	position: relative;
	display: flex;
	align-items: center;
	height: 54px;
	color: #fff;
	.username {
		display: flex;
		align-items: center;
	}

	.user {
		text-align: center;
		line-height: 30px;
		cursor: pointer;
		position: relative;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		display: inline-block;
		background-color: #e7eff7;
	}
	.user-status- {
		display: inline-block;
		position: absolute;
		right: 0;
		bottom: 0;
		width: 10px;
		height: 10px;
		background: #ffffff;
		border-radius: 50%;
		box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.18);
	}
	.user-status-checkIn {
		display: inline-block;
		position: absolute;
		right: 0;
		bottom: 0;
		width: 10px;
		height: 10px;
		background: red;
		border-radius: 50%;
		box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.18);
	}
	.user-status-otherWork {
		display: inline-block;
		position: absolute;
		right: 0;
		bottom: 0;
		width: 10px;
		height: 10px;
		background: #dc143c;
		border-radius: 50%;
		box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.18);
	}
	.user-status-ready {
		display: inline-block;
		position: absolute;
		right: 0;
		bottom: 0;
		width: 10px;
		height: 10px;
		background: #7fff00;
		border-radius: 50%;
		box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.18);
	}
	.user-status-tips {
		margin: 0;
		position: absolute;
		top: 50px;
		right: 76px;
		background: #3c3d42;
		border-radius: 4px;
		padding: 5px 12px;
		font-size: 13px;
	}
	.menu-collapse {
		cursor: pointer;
	}
	.iconfont {
		cursor: pointer;
	}
	.icon {
		font-size: 14px;
		padding-left: 10px;
	}
	.icon-widget-yonghu {
		color: #252b48;
	}
}
.widget-user-config {
	.menu-collapse,
	.user,
	.setting,
	.username {
		cursor: pointer;
		margin: 0 10px;
	}
}
.widget-menu-layout-box {
	ul,
	li {
		padding: 0;
		margin: 0;
	}
	li {
		cursor: pointer;
		padding: 10px 6px;
		margin: 8px;
	}
	li:hover {
		background-color: #eeeeee;
		border-radius: 4px;
	}
	.icon-box {
		padding: 8px;
	}
	.text {
		padding: 8px;
		font-size: 13px;
	}
	.select-icon {
		padding: 0 12px;
		font-size: 12px;
	}
}
.agent-details-card-box {
	position: fixed;
	top: 54px;
	right: 20px;
	z-index: 50;
}
.setting-card-box {
	position: fixed;
	top: 54px;
	right: 170px;
	z-index: 50;
}
.call-progress-wrapper {
	width: 240px;
	text-align: center;
	padding-top: 10px !important;
	.ant-dropdown-menu-item {
		font-size: 12px;
		color: #202020;
		text-align: left;
	}
}
.agent-status-detail-dropdown {
	z-index: 500 !important;
	.ant-dropdown-menu  {
		// padding: 10px;
		border-radius: 10px;
		padding: 0;
	}
	.ant-dropdown-menu-item{
		padding: 0;
	}
	.ant-dropdown-menu-item:hover {
		background: none;
	}

}

.user-info-detail-dropdown {
	z-index: 500 !important;
	.ant-dropdown-menu  {
		min-width: 188px;
		padding: 10px;
		border-radius: 10px;
		
	}
	.ant-dropdown-menu-item:hover {
		background: none;
	}
	.title {
		margin-bottom: 6px;
		color: #202020;
	}
	.sub-menu {
		color: #86878A;
		font-size: 12px;
	}
	.ant-divider {
		padding: 0;
		margin: 10px 0;
	}

}
